<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/用户界面/css/用户界面.css">
    <link rel="stylesheet" href="/用户界面/css/默认设置.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3062245_u52rhsg1n2m.css">
    <script src="../jquery-3.6.0.js"></script>
    <script src="./js/修改用户信息.js"></script>
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <div id="new_header">
        <div class="head">
            <!-- 头部右边 -->
            <ul>
                <li>慕课网首页</li>
                <li>免费课</li>
                <li>实战课</li>
                <li>体系课</li>
                <li>慕课教程</li>
                <li>专栏</li>
                <li>手记</li>
            </ul>
            <!-- 头部左边 -->
            <div class="head_rigth">
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/搜索.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <span>收藏网站</span>
                </div>
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/购物车-选中.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/211铃铛.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <span>我的课程</span>
                </div>

                <div class="head_rigth_one">
                    <a href="#">
                        <i class="tox">
                            <img src="./img/拉克丝.jpg" alt="">
                        </i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="main-head">
            <div class="main-head-rq">
                <div class="main-head-tx">
                    <img src="./img/拉克丝.jpg" alt="">
                </div>

                <div class="main-head-xx">
                    <h3 class="a">
                        <span>拉克丝</span>
                    </h3>
                    <p>
                        <span>男</span>
                        <span>湖南</span>
                        <span>长沙市</span>
                        <span>学生</span>
                        <a href="#">
                            <span class="iconfont icon-arrow-down">更多信息</span>
                        </a>
                    </p>
                </div>

                <div class="main-head-sz">
                    <a href="#">
                        <i class="iconfont icon-set-line"></i>
                        个人设置
                    </a>
                </div>
            </div>
        </div>

        <div class="main-warp">
            <div class="warp-left">
                <ul>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-shipin"></i>
                            我的课程
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-liebiao"></i>
                            我的课表
                        </a>                   
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-shoucang"></i>
                            收藏
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-jibiji"></i>
                            笔记
                        </a>     
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-wenti"></i>
                            猿问
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-wenzhang"></i>
                            笔记
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-tushu"></i>
                            专栏
                        </a>
                    </li>
                </ul>
            </div>
            <div class="warp-right">
                <div class="warp-right-top">
                    <a href="#" class="c">全部</a>
                    <a href="#">免费课</a>
                    <a href="#">实战课</a>
                    <a href="#">体系课</a>
                    <a href="#">微课</a>
                </div>
                <div class="warp-right-main">
                    没有任何课程，可以先
                    <span>去找找课程</span>
                </div>
                <div class="warp-right-bottom">
                    <h4>实战推荐</h4>
                    <ul>
                        <li>
                            <div>
                                <img src="./img/推荐1.jpg" alt="">
                            </div>
                            <div>
                                <p>微信小程序入门与实战（全新版） 超20000人学习的好课</p>
                                <div>
                                    <span>¥ 149.00</span>
                                    <span>初级</span>
                                    <span class="iconfont icon-gerentouxiang img2"></span>
                                    <span>22541</span>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div>
                                <img src="./img/推荐2.jpg" alt="">
                            </div>
                            <div>
                                <p>算法与数据结构（C++版） 面试/评级前的算法复习技能包</p>
                                <div>
                                    <span>¥ 166.00</span>
                                    <span>中级</span>
                                    <span class="iconfont icon-gerentouxiang img2"></span>
                                    <span>10615</span>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div>
                                <img src="./img/推荐3.jpg" alt="">
                            </div>
                            <div>
                                <p>全面系统Python3.8入门+进阶 (程序员必备第二语言)</p>
                                <div>
                                    <span>¥ 366.00</span>
                                    <span>初级</span>
                                    <span class="iconfont icon-gerentouxiang img2"></span>
                                    <span>13232</span>
                                </div>
                            </div>
                        </li>

                        <li>
                            <div>
                                <img src="./img/推荐4.jpg" alt="">
                            </div>
                            <div>
                                <p>Vue.js2.5+cube-ui重构饿了么App（经典再升级）</p>
                                <div>
                                    <span>¥ 198.00</span>
                                    <span>初级</span>
                                    <span class="iconfont icon-gerentouxiang img2"></span>
                                    <span>9868</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="footer-top">
            <ul>
                <li>网站地图</li>
                <li>网站首页</li>
                <li>企业服务</li>
                <li>关于我们</li>
                <li>联系我们</li>
                <li>讲师招募</li>
                <li>帮助中心</li>
                <li>意见反馈</li>
                <li>慕课大学</li>
                <li>代码托管</li>
            </ul>
        </div>
        <p>Copyright  2021 imooc.com All Rights Reserved | 京ICP备 12003892号-11 京公网安备11010802030151号</p>
    </div>
</body>
</html>